<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>九江学院马克思主义学院</title>
</head>
<body>
    <!-- 页面头部：包含logo、院训、核心标语 -->
    <header>
        <div class="header-container">
            <!-- 学院logo与名称 -->
            <div class="logo">
                <img src="logo.png" alt="九江学院马克思主义学院logo">
                <h1>九江学院马克思主义学院</h1>
                <p class="english-name">SCHOOL OF MARXISM, JJU</p>
            </div>
            <!-- 院训 -->
            <div class="school-motto">
                <p>守正扬道 立德铸魂</p>
            </div>
            <!-- 核心教育标语 -->
            <div class="core-slogan">
                <h2>落实立德树人根本任务 办好人民满意的教育</h2>
            </div>
        </div>
    </header>

    <!-- 导航栏：页面主要栏目入口 -->
    <nav>
        <ul class="nav-list">
            <li><a href="#news">学院新闻</a></li>
            <li><a href="#notice">通知公告</a></li>
            <li><a href="#theory">理论宣讲</a></li>
            <li><a href="#about">关于学院</a></li>
            <li><a href="#contact">联系我们</a></li>
        </ul>
    </nav>

    <!-- 页面主体：核心内容区域 -->
    <main>
        <!-- 学院新闻板块 -->
        <section id="news" class="news-section">
            <h2>学院新闻</h2>
            <div class="news-list">
                <!-- 单条新闻：用article标签体现独立内容 -->
                <article class="news-item">
                    <h3><a href="news-detail1.html">马克思主义学院赴湖北师范大学马克思主义学院考察交流</a></h3>
                    <p class="news-date">2024-05-10</p>
                    <p class="news-summary">为进一步加强学院建设，学习先进办学经验，我院组织教师代表赴湖北师范大学马克思主义学院开展考察交流活动...</p>
                </article>
                <article class="news-item">
                    <h3><a href="news-detail2.html">我院开展2024级新生“开学第一课”思政教育活动</a></h3>
                    <p class="news-date">2024-09-01</p>
                    <p class="news-summary">为帮助新生快速适应大学生活，树立正确价值观，我院为2024级新生开设“开学第一课”，围绕马克思主义理论与大学生成长展开讲解...</p>
                </article>
                <article class="news-item">
                    <h3><a href="news-detail3.html">我院教师参加全国高校思政课教师能力提升培训</a></h3>
                    <p class="news-date">2024-07-15</p>
                    <p class="news-summary">近日，我院选派3名思政课教师参加全国高校思政课教师能力提升培训，学习前沿教学方法与理论研究成果...</p>
                </article>
            </div>
            <a href="news-list.html" class="more-news">查看更多新闻 >></a>
        </section>

        <!-- 通知公告板块 -->
        <section id="notice" class="notice-section">
            <h2>通知公告</h2>
            <div class="notice-list">
                <article class="notice-item">
                    <h3><a href="notice-detail1.html">关于学习《2024年政府工作报告》的通知</a></h3>
                    <p class="notice-date">2024-03-18</p>
                </article>
                <article class="notice-item">
                    <h3><a href="notice-detail2.html">马克思主义学院2024年第2期师德师风月报</a></h3>
                    <p class="notice-date">2024-06-30</p>
                </article>
                <article class="notice-item">
                    <h3><a href="notice-detail3.html">关于组织参加“纪念中国人民抗日战争胜利79周年”主题活动的通知</a></h3>
                    <p class="notice-date">2024-08-25</p>
                </article>
            </div>
            <a href="notice-list.html" class="more-notice">查看更多通知 >></a>
        </section>

        <!-- 理论宣讲板块 -->
        <section id="theory" class="theory-section">
            <h2>理论宣讲</h2>
            <div class="theory-content">
                <article class="theory-item">
                    <h3><a href="theory-detail1.html">严书翰教授：新时代马克思主义中国化时代化的理论创新</a></h3>
                    <p class="theory-summary">严书翰教授围绕新时代马克思主义中国化时代化的理论逻辑、实践路径展开宣讲，为我院师生提供深刻理论指导...</p>
                </article>
                <article class="theory-item">
                    <h3><a href="theory-detail2.html">学习贯彻习近平新时代中国特色社会主义思想主题教育宣讲材料</a></h3>
                    <p class="theory-summary">结合学院教学实际，整理主题教育核心要点，助力思政课教师开展教学与宣讲工作...</p>
                </article>
            </div>
        </section>

        <!-- 侧边栏：辅助信息（如联系方式、快速链接） -->
        <aside class="sidebar">
            <div class="contact-info">
                <h3>联系我们</h3>
                <p>地址：江西省九江市濂溪区九江学院</p>
                <p>电话：0792-XXXXXXX</p>
                <p>邮箱：marx@jju.edu.cn</p>
            </div>
            <div class="quick-link">
                <h3>快速链接</h3>
                <ul>
                    <li><a href="https://www.jju.edu.cn/" target="_blank">九江学院官网</a></li>
                    <li><a href="http://www.moe.gov.cn/" target="_blank">教育部官网</a></li>
                </ul>
            </div>
        </aside>
    </main>

    <!-- 页面底部：版权信息、备案号 -->
    <footer>
        <div class="footer-container">
            <p>Copyright © 九江学院马克思主义学院 All Rights Reserved.</p>
            <p>赣ICP备XXXXXXXX号-1</p>
        </div>
    </footer>
</body>
</html>